<ion-view view-title="Playlist">

  <ion-content>
    <h1>Playlist</h1>
    <p><input type="text" ng-model="fname"></p>

    <!--上拉  hasmore为ng-if的变量 到底部了是否继续加载 -->
    <ion-infinite-scroll ng-if="hasmore" on-infinite="loadMore()"  icon="ion-loading-c" distance="5%"></ion-infinite-scroll>
    <!--下拉刷新-->
    <ion-refresher pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>
    <ion-list>
      <!--过滤器 -->
      <ion-item ng-repeat="x in customers | filter:fname " >
        <h2></h2>
        <p></p>
        <div class="card">
          <div class="item item-divider"> <!--头部-->
            {{x.City}}
          </div>
          <div class="item item-text-wrap">  <!--中部-->
            {{x.Name}}
          </div>
          <div class="item item-divider item-button-right">  <!--底部-->
            {{x.Country | uppercase}}   <button ng-click="cancle(x)" class="button button-stable" ng-hide="x.State>0?true:false" >返销</button>
          </div>
        </div>
      </ion-item>
    </ion-list>
  </ion-content>

</ion-view>
